:root {
  /* ========================================
  颜色变量值
  ======================================== */
  --theme-primary: #52b3d0;
  --black: #000;
  --white: #fff;
  --gray-1: #f7f8fa;
  --gray-2: #f2f3f5;
  --gray-3: #ebedf0;
  --gray-4: #dcdee0;
  --gray-5: #c8c9cc;
  --gray-6: #969799;
  --gray-7: #646566;
  --gray-8: #323233;
  --grey-333: #333333;
  --grey-666: #666666;
  --grey-999: #999999;
  --red: #ee0a24;
  --blue: #1989fa;
  --orange: #ff976a;
  --orange-dark: #ed6a0c;
  --orange-light: #fffbe8;
  --green: #07c160;

  /* ========================================
  字体变量值
  ======================================== */
  --font-xs: 10px;
  --font-sm: 12px;
  --font-md: 14px;
  --font-lg: 16px; 
  --font-weight-bold: 500;
  --family-base: -apple-system, BlinkMacSystemFont, "Helvetica Neue",
  Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB",
  "Microsoft Yahei", sans-serif;
  --family-number: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial, sans-serif;
  --font: var(--font-md) / 1.2 var(--family-base);

}